<template>
	<div class="goodsCode">
		<image :src="imgUrl" mode=""></image>
		<view class="right">
			<text>{{name}}</text>
			<text>规格：{{desc}}</text>
			<text>商品编号：{{code}}</text>
		</view>
	</div>
</template>

<script>
export default {
	name:'goodsCode',
	data(){
		return{
			
		}
	},
	props:{
		name:{
			type:String,
			default:''
		},
		desc:{
			type:String,
			default:''
		},
		code:{
			type:String,
			default:''
		},
		imgUrl:{
			type:String,
			required:true
		}
	},
	methods:{
		
	}
}
</script>

<style scoped lang="scss">
	.goodsCode{
		width: 100vw;
		padding:30rpx;
		background-color: #FFFFFF;
		display: flex;
		align-items: center;
		image{
			width: 200rpx;
			height: 200rpx;
			background: #ffffff;
			border-radius: 10rpx;
			margin-right: 20rpx;
		}
		.right{
			display: flex;
			flex-direction: column;
			text:nth-child(1){
				width: 477rpx;
				font-size: 30rpx;
				font-weight: 500;
				color: #1e1e1e;
				overflow: hidden;
				-webkit-line-clamp: 2;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				margin-bottom: 20rpx;
			}
			text:nth-child(2){
				width: 457rpx;
				font-size: 28rpx;
				font-weight: 500;
				color: #666666;
				overflow: hidden;
				-webkit-line-clamp: 1;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				margin-bottom: 15rpx;
			}
			text:nth-child(3){
				width: 457rpx;
				font-size: 28rpx;
				font-weight: 500;
				color: #666666;
				overflow: hidden;
				-webkit-line-clamp: 1;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
			}
		}
	}
</style>
